<template>
    <div class="row navBom-page">
        <div class="contbox">
            <ul class="station_menu">
                <p class="bom_tle">网站栏目</p>
                <li v-for="nav in bom_nav">
                    <a :href="nav.link">{{nav.name}}</a>
                </li>
            </ul>
            <div class="contact_us">
                <p class="bom_tle">联系我们</p>
                <p class="item icon1">地址：辽宁省沈阳市铁西区兴华北街45号E#1-15-1</p>
                <p class="item icon2">电话：+862422713470/+862422712919/+8613609817800</p>
                <p class="item icon3">邮编：110020</p>
            </div>
            <div class="introduction_box">
                <p class="bom_tle">公司介绍</p>
                <br>
                <p class="bom_tle">加入我们</p>
                <br>
                <div class="bom_icon_box">
                    <img src="../../static/icon/icon77.png" alt="">
                    <img src="../../static/icon/icon88.png" alt="">
                    <img src="../../static/icon/icon99.png" alt="">
                </div>
            </div>
            <p class="tle_2">合作伙伴：芯片合作商、方案支持服务商、算法支持服务商、业务合作平台</p>
            
        </div>
        <p class="tle_3">高新技术企业 | 双软认证企业 辽ICP备17017409号-1@2018zzc.cn,All Rights Reserved.</p>
    </div>
</template>
<script>
export default {
  data() {
    return {
      bom_nav: [
        {
          name: "服务项目",
          link: "/"
        },
        {
          name: "功能方案",
          link: "/"
        },
        {
          name: "行业应用",
          link: "/"
        },
        {
          name: "提交需求",
          link: "/"
        },
        {
          name: "案例展示",
          link: "/"
        }
      ]
    }
  }
}
</script>
<style scoped>
.contbox {
  position: relative;
  width: 1200px;
  left: 50%;
  height: 200px;
  margin-left: -600px;
}
ul li {
  list-style: none;
  float: left;
  margin: 5px 5px;
}
.station_menu a {
  color: #666666;
}
.station_menu {
  width: 175px;
  position: absolute;
  left: 10px;
}
.navBom-page {
  background-color: #f0f0f0;
  padding: 100px 0px 0px 0px;
}
.bom_tle {
  font-size: 20px;
  color: #333333;
  padding-left: 5px;
}
.contact_us {
  position: absolute;
  left: 400px;
  width: 400px;
}
.item {
  padding-left: 24px;
  background-repeat: no-repeat;
}
.icon1 {
  background-image: url("../../static/icon/icon33.png");
}
.icon2 {
  background-image: url("../../static/icon/icon44.png");
}
.icon3 {
  background-image: url("../../static/icon/icon55.png");
}
.introduction_box {
  position: absolute;
  right: 100px;
}
.bom_icon_box img {
  margin: 0 2.5px;
}
.tle_2 {
  position: absolute;
  bottom: -32px;
  margin-left: -30px;
  left: 380px;
  padding-left: 30px;
  background-repeat: no-repeat;
  background-image: url("../../static/icon/icon66.png");
}
.tle_3{
    padding:15px 0px;
    border-top:1px solid #dbdbdb;
    text-align: center;
    margin-top:50px;
}
</style>
